<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="../addons/stonefish_chailihe/template/css/reset.css?{php echo time()}" media="all" />
<link rel="stylesheet" type="text/css" href="../addons/stonefish_chailihe/template/css/index.css?{php echo time()}" media="all" />
<link rel="stylesheet" type="text/css" href="../addons/stonefish_chailihe/template/css/common.css?{php echo time()}" media="all" />
<link rel="stylesheet" type="text/css" href="../addons/stonefish_chailihe/template/css/platform.css?{php echo time()}" media="all" />
<script type="text/javascript" src="../addons/stonefish_chailihe/template/js/common.js?{php echo time()}"></script>
<script type="text/javascript" src="../addons/stonefish_chailihe/template/js/iscroll.js?{php echo time()}"></script>
<script type="text/javascript" src="../addons/stonefish_chailihe/template/js/index.js?{php echo time()}"></script>
<script type="text/javascript" src="../addons/stonefish_chailihe/template/js/zepto_min.js?{php echo time()}"></script>
<title>{$reply['title']}</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta name="Keywords" content="{$reply['title']}" />
<meta name="Description" content="{$reply['description']}" />
<!-- Mobile Devices Support @begin1 -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- Mobile Devices Support @end -->
<link rel="shortcut icon" href="{$_W['siteroot']}{$_W['config']['upload']['attachdir']}/{if !empty($_W['setting']['copyright']['icon'])}{$_W['setting']['copyright']['icon']}{else}images/global/wechat.jpg{/if}" />
</head>
<body onselectstart="return true;" ondragstart="return false;">
<style type="text/css">
    html{color:{$template['textcolor']};}
    html{background-color: {$template['bgcolor']};}
    body{font-size:{$template['fontsize']}px;color:{$template['textcolor']};}
    a:link, a:visited, a:hover, a:active { color:{$template['textcolorlink']}; text-decoration:none; } 
	img{max-width:100%!important;}
	.container {
        background:url('{php echo toimage($template['bgimg'])}') no-repeat;
        -webkit-background-size: 100%;
    }
	.btn-a{color: {$template['textcolorlink']};}
    .game-ps {color:{$template['textcolor']};}
    .text-num-get, .text-num-get b{color:{$template['textcolor']};}
    .copyright{color:{$template['textcolor']};}
	.panel-box .panel-content{background-color: {$template['watchcolor']};}
	.panel-box .panel-title li a.current:after{background-color: {$template['watchcolor']};}
	.panel-box .panel-content table td,.panel-box .panel-content dl{color: {$template['watchtextcolor']};}
	.watch .watch_content{background-color: {$template['watchcolor']};color: {$template['watchtextcolor']};}
	.common_hr{border-bottom: 1px solid {$template['watchtextcolor']};}
</style>
<script>
    (function(){
        window.config_custom = {
            OPENSLIDE:true,//幻灯片
            IMG:{
                BG:""
            },
            MUSICBG:""
            }
    })()
</script>
<script>
    window.setTimeout(btnagainshow,1000);
    function btnagainshow(){
        $(".btnagain").show();
    }
</script>
<body onselectstart="return true;" ondragstart="return false;" id="page-index" >
    <div data-role="container" class="container">
        <header data-role="header"><!----></header>
        <section data-role="body" class="body">
			<div class="img-list">
                <ul>
                    {if !empty($banner)}
					{loop $banner $banners}
					<li>{if !empty($banners['bannerurl'])}<a href="{$banners['bannerurl']}">{/if}<img src="{php echo toimage($banners['bannerpic'])}" />{if !empty($banners['bannerurl'])}</a>{/if}</li>
					{/loop}
					{/if}
                </ul>
            </div>			
            <div class="game-ps">{$reply['tips']}</div>
            <div class="btn-as">
                <a href="javascript:void(0);" class="btn-a list">获奖名单</a>
                <a href="javascript:void(0);" class="btn-a rule right">活动规则</a>
                <hr class="common-hr" />
                <p class="text-num-get">已有<b>{php echo $reply['xuninum']+$reply['fansnum']}</b>人参与领取了礼盒</p>
            </div>
            <div class="btn-layout">
				{if $fans['totalnum']==0 && empty($msg)}
				    <a href="{$regurl}" class="btn-get"></a>				
				{else}
				    <a href="{$mylihe}" class="btn-see"></a>
                    {if $fans['totalnum']>=1 && empty($msg)}<a href="{$regurl}" class="btn-again btnagain"></a>{/if}				
				{/if}
            </div>
        </section>
        <footer data-role="footer">
            <span class="copyright">©{$reply['copyright']}</span>
        </footer>
    </div>
    {if !empty($reply['adpic'])}
	<div class="ads show">
        {if !empty($reply['adpicurl'])}<a href="{$reply['adpicurl']}">{/if}<img src="{php echo toimage($reply['adpic'])}">{if !empty($reply['adpicurl'])}</a>{/if}
        <div class="btn-close-ad"></div>
    </div>
	{/if}
        <div class="panel-box-layer"></div>
        <div class="panel-box">
            <ul class="panel-title">
                <li><a href="javascript:void(0);" class="btn-list"></a></li>
                <li><a href="javascript:void(0);" class="btn-rule"></a></li>
            </ul>
            <div class="panel-content">
                <div class="panel-content-child">  
                    <table>
                        <col width="45%" />
                        <col width="55%" />
                        <tr>
                            <th><div class="text-nick"></div></th>
                            <th><div class="text-name"></div></th>
                        </tr>
						{loop $fansaward $row}
						<tr>
                            <td>{$row['realname']}</td>
                            <td>{$row['lihetitle']}</td>
                        </tr>
						{/loop}
                    </table>                   
                </div>
                <div class="panel-content-child"> 
                    <dl>
                        <dt><div class="text-time"></dt><dd>{php echo date('Y-m-d H:i', $reply['starttime']);} - {php echo date('Y-m-d H:i', $reply['endtime']);}</dd>
                        <dt><div class="text-rule"></dt><dd>{php echo htmlspecialchars_decode($share['share_txt']);}</dd>
                    </dl> 
                </div>
                <div class="btn-layout">
				    {if $fans['totalnum']==0 && empty($msg)}
				        <a href="{$regurl}" class="btn-get"></a>				
				    {else}
				        <a href="{$mylihe}" class="btn-see"></a>
                        {if $fans['totalnum']>=1 && empty($msg)}<a href="{$regurl}" class="btn-again btnagain"></a>{/if}				
				    {/if}
                    <form action="" method="post" data-role="form"></form>
                </div>
            </div>
        </div>
        <div class="share-layer"></div>
{if $reply['music']==1}
<!--音乐控制-->
<div class="audio-controls on"></div>
<!-- 背景音乐 -->
<audio id="audio" {if $reply['mauto']}autoplay="autoplay"{/if} {if $reply['mloop']}loop="loop"{/if}>
	<source src="{php echo toimage($reply['musicurl'])}" type="audio/mpeg" />
</audio>
<!-- 背景音乐 -->
<!--音乐控制-->
{/if}
</body>
<script type="text/javascript">
{if $reply['music']==1}
<!-- 音频暂停播放 -->
var audioAuto = document.getElementById('audio');
{if $reply['mauto']}
	audioAuto.play();
{else}
	$(".audio-controls").removeClass("on");
{/if}
$(".audio-controls").click(function (){ 
	if (audioAuto.paused) {
		audioAuto.play();
		$(".audio-controls").addClass("on");
    }else{
		audioAuto.pause();
		$(".audio-controls").removeClass("on");
    }
});
<!-- 音频暂停播放 -->
{/if}	
</script>
{template 'jssdk'}
<div mark="stat_code" style="width:0px; height:0px; display:none;"></div>
</body>
</html>